{{include file='header.htm' title='用户注册'}}
<style type="text/css">
@import url(css/account.css);
</style>
		<script language="JavaScript" type="text/javascript" >
$(document).ready(function(){
     $("#username").change(function(){ 
    checkByUsername();
     });
     $("#email").change(function(){
     	mail=$("#email").val();
    checkEmail(mail);
    });
    $("#password").change(function(){
    	pass=$("#password").val();
    	checkPassword(pass);
    });
    $("#password2").change(function(){
    	checkPassword2();
    });    
    $("#submit").click(function(){
    	signup();
    	return false;
    });
});
function checkByUsername()
{
	var username = $("#username").val();
	$("#username_tip").empty();
	if(username=='')
		{$("#username_tip").append('<B><img src="images/icon_error.jpg">用户名不能为空</B>');}
	else if(username.length<4)
		{$("#username_tip").append('<B><img src="images/icon_error.jpg">用户名不能小于4位</B>');}
	else if(username.length>16)
		{$("#username_tip").append('<B><img src="images/icon_error.jpg">用户名不能大于16位</B>');}
	else
		{
			$.ajax({
		    type: "post",
			   url : "index.php?m=user&a=check_username",
			   dataType:'text',
			   data: 'username='+username,
    			success: function(json){
                       callback(json);
                       return false;
                          },
    			error: function(){
       		 alert('Error loading XML document');
  				  }
			                            
			          });    
	  }
}
function checkEmail(mail)
{
	$("#email_tip").empty();
	var pattern=/^([a-zA-Z0-9._-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
	flag=pattern.test(mail);
	if(!flag){
		$("#email_tip").append('<B><img src="images/icon_error.jpg">Email格式不正确</B>');
	}else{
		$("#email_tip").append('<B><img src="images/icon_confirm.jpg"></B>');
	}
}
function checkPassword(pass)
{
	len=pass.length;
	$("#password_tip").empty();
	if(pass=='')
	{$("#password_tip").append('<B><img src="images/icon_error.jpg">密码不能为空</B>');}
	if(len<6)
	{$("#password_tip").append('<B><img src="images/icon_error.jpg">密码不能小于6位</B>');}
	else if(len>16)
	{$("#password_tip").append('<B><img src="images/icon_error.jpg">密码不能大于16位</B>');}
	else
		{$("#password_tip").append('<B><img src="images/icon_confirm.jpg"></B>');}
}
function checkPassword2()
{
	$("#password2_tip").empty();
	pass2=$("#password2").val();
	if(pass2=='')
	{$("#password2_tip").append('<B><img src="images/icon_error.jpg">请再输入一次你的密码</B>');}
	else if(pass2!=$("#password").val())
	{$("#password2_tip").append('<B><img src="images/icon_error.jpg">你输入的密码与第一次输入的不符</B>');}
}
function signup()
{
$.ajax({
    type: "post",
    url : "index.php?m=user&a=register",
    dataType:'json',
    data: 'username='+$("#username").val()+'&password='+$("#password").val()+'&password2='+$("#password2").val()+'&email='+$("#email").val()+'&readperm='+$("#readperm").val(),
    success: function(json){
					var errorreport='';
					if(json=='1')
			location.href="index.php?m=profile&a=view";
		else
			{
				$.each(json,function(i,n){
					errorreport +=n+'<br />';
					});
					$("#errorMessages").remove();
					$(".SearchTab").before("<div class=\"Problem\" id=\"errorMessages\">"+errorreport+"</div>");
			}
		//alert(json.errorreport);
                          }
           });
}
function callback(json){
	$("#username_tip").empty();
	if(json=='1')
	{
	$("#username_tip").append('<B><img src="images/icon_confirm.jpg">用户名可使用</B>');
	}
	else if(json=='0')
	{
	$("#username_tip").append('<B><img src="images/icon_error.jpg">用户名已被使用,请更换</B>');
	}
}
		</script>
<DIV id=content>
	<DIV id=heading>
		<H1>注册免费帐户</H1>
		<DIV class=clear></DIV>
	</DIV>
	<DIV class=clear></DIV>

	<DIV class="Tab SearchTab">
		<UL class=Tabs>
  		<LI class=TabIn id=tab1>注册新帐号 </LI>
		</UL>
	</DIV>
<DIV>
<DIV id=container>
	<DIV class=thin id=signup>
		<DL class=hField>
			<form action='index.php?m=user&a=register1' method='post'>
			<DT>
  			<LABEL for=user_username>用户名</LABEL> 
  			<DD>
  				<INPUT class=txt id=username name=username><b id=username_tip></b>
  						<DD class=assistant>用户登录、获取个人照片主页地址</DD>
  		<DT>
  					<LABEL for=user_email>Email地址</LABEL> 
  			<DD>
  					<INPUT class=txt id=email size=30 name=email><b id=email_tip></b>
  					<DD class=assistant>用于确认你的身份，或者登录。 </DD>
  		<DT>
  					<LABEL for=user_password>设一个密码</LABEL> 
  			<DD>
  					<INPUT class=txt id=password type=password name=password><b id=password_tip></b>
						<DD class=assistant>6到16位的字母或数字的组合 </DD>
  		<DT>
  					<LABEL for=user_confirmPassword>密码确认</LABEL> 
  			<DD>
  					<INPUT class=txt id=password2 type=password name=password2><b id=password2_tip></b>
  			<DD>
  					<INPUT class=Btn id=submit type=submit value=完成注册> 
  			</DD>
  </form>
  </DL>
	</DIV>
<DIV class=havedone>
<H3>» <A href="index.php?m=user&a=login">已注册请这里进入</A></H3>
<P>随时随地<BR>与<B>朋友、家人</B><BR>分享照片 </P></DIV></DIV>
<DIV class=clear></DIV></DIV></DIV>
{{include file='footer.htm'}}
